<!-- Child.vue -->
<template>
  <div>Parent bound v-model is: {{ kkx }}</div>
  <button @click="update">kkx自增</button>
  <div>Parent bound prop-emit is: {{ foo }}</div>
  <button @click="changeFoo">foo自增</button>
</template>

<script setup>
const kkx = defineModel();
// 父组件给子组件传值,子组件接收可以使用
// 子组件修改这个值,父组件数据发生变化,实现双向绑定
function update() {
  kkx.value++;
}
const props = defineProps({
  foo: {
    type: [String, Number],
  },
});
const emit = defineEmits(["updateFoo"]);
function changeFoo() {
  emit("updateFoo");
}
// 本周计划
// 锻炼3次,跑2天步,坚持清淡素食
// 资治通鉴 刘弗陵章
// 小红书,闲鱼挂流量卡
// 小红书,挂酒店
// 以后晚上加班快餐+肯德基
// 今日计划
// 配置项功能开发
// 只是因为自己欲望实现不了,就觉得难受,其实是自身硬件不足,心里沟壑而成的
// 想开一点,也许这不是你该努力的方向,不要去死磕自己不擅长的事
// 本质上实现了就ok
// 硬实力不够何必羡慕呢,有则有之,无则不悔
// 把时间放在自己的擅长的事上面
// 今日计划
// v-model文档输出
// :key文档输出
// 计算属性和watch监听器文档输出
// 下班
// 晚上锻炼30分钟，跑步40分钟 1.5小时
// 资质通鉴，桃园结义 2小时
// 鸡蛋黄瓜，下班先去买黄瓜 0.5个小时
// 赌球 一个小时
</script>
